<template>
    <div>
        <detail-banner></detail-banner>
        <detail-header></detail-header>
        <div class="content">
            <detail-list :list="list"></detail-list>
        </div>
    </div>
</template>

<script>
import DetailBanner from './components/Banner'
import DetailHeader from './components/Header'
import DetailList from './components/List'
import axios from 'axios'
    export default{
        name:"Detail",
        components:{
            DetailBanner,
            DetailHeader,
            DetailList
        },
        data (){
            return {
                list:[]
            }
        },
        // data (){
        //     return{
        //         list:[
        //             {
        //                 title:'成人票',
        //                 children:[
        //                     {title:'成人三馆联票- 某一连锁店销售'},
        //                     {title:'成人五馆联票'},
        //                     {title:'成人七馆联票'}
        //                 ]
        //             },
        //             {
        //                 title:'学生票',
        //                 children:[
        //                     {title:'学生三馆联票'},
        //                     {title:'学生五馆联票'},
        //                     {title:'学生七馆联票'}
        //                 ]
        //             },
        //             {
        //                 title:'儿童票',
        //                 children:[
        //                     {title:'儿童三馆联票'},
        //                     {title:'儿童五馆联票'},
        //                     {title:'儿童七馆联票'}
        //                 ]
        //             },
        //             {
        //                 title:'特惠票',
        //                 children:[
        //                     {title:'特惠三馆联票'},
        //                     {title:'特惠五馆联票'},
        //                     {title:'特惠七馆联票'}
        //                 ]
        //             },
        //         ]
        //     }
        // },
        methods:{
            getDetailInfo(){
                axios.get('/static/mock/detail.json')
                    .then(this.getHomeInfoSucc)
            },
            getHomeInfoSucc(res){
                res = res.data
                console.log(res)
                if(res.ret && res.data){
                    this.list = res.data.categoryList
                }
            }
        },
        mounted(){
            this.getDetailInfo()
        }
    }
</script>

<style lang="stylus" scoped>
.content
    height 50rem
</style>

